.weekInfoUser{
	position: absolute;
	bottom: 54rpx;
	width: calc(100% - 48rpx);
	left: 0;
	div{
		width: calc(100% - 120rpx);
	}
}
.fade-container {
	animation: fadeSwiper 1s;
	// transition: opacity 0.5s ease; /* 设置渐入渐出的动画效果 */
}

.fadeout-container{
	animation: fadeoutSwiper 1s;
	// opacity: 0;
}
@keyframes fadeoutSwiper {
		0% {
			opacity: 0;
			transform: translateX(0px);
		}
	
		100% {
			opacity: 0;
			transform: translateX(-20rpx);
		}
	}
@keyframes fadeSwiper {
	0% {
		opacity: 0;
		transform: translateX(-15px);
	}

	100% {
		display: block;
		opacity: 1;
		transform: translateX(0rpx);
	}
}

@keyframes fadeOut {
	0% {
		opacity: 1;
	}

	2% {
		opacity: 0;
	}
}
.swiper-tabs-top {
		transition:all .3s;
		position: relative;
		
		
		justify-content: space-between;
		
		.item-box1 {
			display: flex;
			align-items: center;
			justify-content: space-between;
		
			.item {	
				position: relative;
				width: 50rpx;
				// height: 80rpx;
				text-align: center;
		
				.img {
					position: absolute;
					left: 0;
					top: -10rpx;
				
					width: 50rpx;
					height: 46rpx;
					z-index: 0;
				}
		
				p {
					position: absolute;
					bottom: -2rpx;
					// padding-top: 42rpx;
					text-align: center;
					z-index: 1;
					width: 50rpx;
					font-size: 20rpx;
					color: #000;
					// line-height: 34rpx;
					font-weight: 500;
				}
			}
		}
		.item-box {
			display: flex;
			align-items: center;

			.item {
				flex: 1;
				display: flex;
				flex-direction: column;
				justify-content: center;
				align-items: center;

				.img {
					width: 64rpx;
					height: 64rpx;
				}

				p {
					font-size: 24rpx;
					color: #646664;
					line-height: 34rpx;
				}
			}
		}
	}
.shareRight{
	position: absolute;
	float: right;
	/* margin-right: 200rpx; */
	display: flex;
	align-items: center;
	
}
.region{
	max-width: 168rpx;
}
.over_h{
	overflow: hidden;
}
.font-bold{
	font-weight: bold!important;
}
.iconer{
	border-radius: 50%;
}
.dotsWeek {
	position: relative;
	display: flex;

	span {
		width: 12rpx;
		height: 12rpx;
		border-radius: 50%;
		
		background: #ccc;
		margin: 0 5rpx;
		transition: all 0.3s;

		&.curr {
			background: #f7d785;
			width: 24rpx;
			border-radius: 20rpx;
		}
	}
}
.banner-box {
		position: relative;
		padding: 0 20rpx;
		

		.dots {
			position: absolute;
			bottom: 16rpx;
			left: 50%;
			transform: translateX(-50%);
			display: flex;

			span {
				width: 8rpx;
				height: 8rpx;
				border-radius: 50%;
				background: #fff;
				opacity: 0.5;
				margin: 0 5rpx;
				transition: all 0.3s;

				&.curr {
					opacity: 1;
					width: 20rpx;
					border-radius: 20rpx;
				}
			}
		}
	}

	.swiper-box {
		width: 100%;
		height: 304rpx;
		border-radius:16rpx;
		overflow: hidden;
		

		.img {
			width: 100%;
			height: 100%;
			border-radius:16rpx;
		}
	}

	.tabs-top-box {
		position: relative;
		padding:0 30rpx;

		.dots {
			position: absolute;
			left: 50%;
			bottom: 36rpx;
			transform: translateX(-50%);
			display: flex;

			span {
				width: 8rpx;
				height: 8rpx;
				background: #d8d8d8;
				border-radius: 50%;
				margin: 0 4rpx;
				transition: all 0.3s;

				&.curr {
					width: 16rpx;
					border-radius: 4rpx;
					background: #F5CE00;
				}
			}
		}
	}

	.swiper-tabs {
		
		justify-content: space-between;
		width: 100%;
		.item-box1 {
			display: flex;
			align-items: center;
			justify-content: space-between;
		
			.item {
				position: relative;
				width: 120rpx;
				height: 144rpx;
		
				.img {
					position: absolute;
					left: 0;
					top: 0;
					
					width: 120rpx;
					height: 144rpx;
					z-index: 0;
				}
		
				p {
					position: relative;
					padding-top: 92rpx;
					text-align: center;
					z-index: 1;
					font-size: 22rpx;
					color: #3F4951;
					line-height: 34rpx;
					font-weight: 500;
				}
			}
		}
		.item-box {
			display: flex;
			align-items: center;

			.item {
				flex: 1;
				display: flex;
				flex-direction: column;
				justify-content: center;
				align-items: center;

				.img {
					width: 64rpx;
					height: 64rpx;
				}

				p {
					font-size: 24rpx;
					color: #646664;
					line-height: 34rpx;
				}
			}
		}
	}
.feature-box {
		position: relative;
		width: 100%;
		height: 346rpx;
		padding-left: 20rpx;
		box-sizing: border-box;
		overflow: hidden;
		.volIndex{
			z-index: 3;
			position: absolute;
			top: 32rpx;
			left: 320rpx;
			height: 28rpx;
			font-size: 28rpx;
			font-family: DOUYU-Font, DOUYU;
			font-weight: normal;
			color: #F5CE00;
			line-height: 32rpx;
			text-shadow: 0px 4px 8px rgba(0,0,0,0.1);
		}
		.weeklyImg{
			position: absolute;
			padding-left:20rpx;
			right: 64rpx;
			top: 16rpx;
			width: 190rpx;
			height: 46rpx;
			z-index: 3;
		}
		// .volCover{
		// 	z-index: 3;
		// 	position: absolute;
		// 	top: 16rpx;
		// 	left: 320rpx;
			
		// 	.volIndex{
		// 		height: 28rpx;
		// 		font-size: 28rpx;
		// 		font-family: DOUYU-Font, DOUYU;
		// 		font-weight: normal;
		// 		color: #F5CE00;
		// 		line-height: 32rpx;
		// 		text-shadow: 0px 4px 8px rgba(0,0,0,0.1);
		// 	}
		// }
		// .weeklyImg{
		// 	padding-left:16rpx;
			
		// 	width: 190rpx;
		// 	height: 46rpx;
		// 	z-index: 3;
		// }
		.swiperImg{
			position: absolute;
			left: 30rpx;
			top: 0;
			width: 260rpx;
			height: 100%;
			border-radius: 16rpx;
			z-index: 3;
			background: #E4F4F3;
			overflow: hidden;
			
			div{
				width: 100%;
				height: 100%;
				position: absolute;
				left: 0;
				top: 0;
				transition: all 1s;
			}
			image{
				width: 100%;
				height: 100%;
			}
			
			
		}
		.feature-boxBg{
			position: absolute;
			padding-left:20rpx;
			left: 0;
			top: 0;
			width: 100%;
			height: 100%;
			z-index: 0;
		}
		.swiperText{
			margin-left: 300rpx;
			height: 100%;
			width: calc(100% - 300rpx);
			position: relative;
			.dots {
				position: absolute;
				bottom: 32rpx;
				left: 50%;
				transform: translateX(-70%);
				display: flex;
			
				span {
					width: 8rpx;
					height: 8rpx;
					border-radius: 50%;
					background: #F5CE00;
					opacity: 0.5;
					margin: 0 5rpx;
					transition: all 0.3s;
			
					&.curr {
						opacity: 1;
						width: 20rpx;
						border-radius: 20rpx;
					}
				}
			}
			&>div{
				// padding-left: 50rpx;
				width: 100%;
				height: 100%;
				position: absolute;
				left: 0;
				top: 0;
				transition: all 1s;
				.text-acitive{
				  opacity: 1;
				  transform: translate(0rpx,0);
				  transition: .5s; 
				 
				}
				.text-hide{
				  transform: translateX(-20rpx,0);
				  transform: translateY(10rpx,0);
				  transition:.2s; 
				  opacity: 0;
				 
				}
			}
			// opacity: ;
			
		}
		
		.main-swiper {
			position: relative;
			width: 100%;
			height: 100%;
			// padding-left: 10rpx;
			z-index: 1;
			
			.weekInfo{
				
				width:calc(100% - 48rpx);
			}
			.big-img {
				width: 260rpx;
				height: 100%;
				border-radius: 16rpx;
			}
		}

		

		.red-arrow {
			position: absolute;
			top: -20rpx;
			left: 0;
			background-repeat: no-repeat;
			background-size: 100% 100%;
			width: 86rpx;
			height: 100rpx;
			text-align: center;
			padding-top: 12rpx;

			.num {
				display: inline-flex;
				font-size: 28rpx;
				font-weight: 500;
				color: #ffffff;
				line-height: 40rpx;
				text-shadow: 0px 2rpx 2rpx rgba(216, 3, 59, 0.44);
				border-bottom: 1px solid #fff;
				padding-bottom: 4rpx;
			}

			.txt {
				font-size: 20rpx;
				font-family: REEJI-ZhenyanGB2.0-GX_Regualr, REEJI-ZhenyanGB20;
				font-weight: normal;
				color: #ffffff;
				line-height: 30rpx;
				text-shadow: 0px 2rpx 2rpx rgba(216, 3, 59, 0.44);
			}
		}

		.txt-box {
			position: absolute;
			bottom: 0;
			left: 0;
			width: 718rpx;
			z-index: 2;
			// height: 256rpx;
			//  background-image: url('https://oss-prod.xtrip.vip/common/OGknGIOKQRQhcfxt.png');
			//  background-repeat: no-repeat;
			//  background-position: center;
			//  background-size: cover;

			.desc {
				height: 88rpx;
				// background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
				opacity: 0.5;
				font-size: 24rpx;
				font-weight: bold;
				color: #ffffff;
				line-height: 34rpx;
				box-sizing: border-box;
			}

			.arrow {
				position: absolute;
				right: 0;
				bottom: 0;
				width: 80rpx;
				height: 128rpx;
			}
		}

		.u-swriper-wrapper {
			position: absolute;
			bottom: 0;
			width: 100%;
			padding: 10rpx 0;
			// background: rgba(0, 0, 0, 0.5);
			filter: blur(0px);
			border-radius: 0 0 20rpx 20rpx;
			height: 132rpx;

			.u-swiperSm {
				height: 112rpx;

				swiper-item:last-child {
					margin-right: 20rpx !important;
				}

				swiper-item {
					position: relative;
					margin-left: 10rpx;

					&>image {
						width: 200rpx;
						height: 112rpx;
						border-radius: 12rpx;
						border: 2px solid #ffb753;
					}
				}
			}
		}
	}
.seckill{
	// height: 352rpx;
	image{
		width: 100%;
	}
	
	.seckillBg{
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
	}
	.topLeft{
		top: 62rpx;
		left: 16rpx;
		width: 218rpx;
		height: 76rpx;
	}
	.topLeftr{
		top: 26rpx;
		left: 242rpx;
		width: 222rpx;
		height: 130rpx;
	}
	.bottomBg{
		width: calc(100% - 36rpx);
		margin: 0 18rpx;
		height: 192rpx;
		bottom: 22rpx;
		left: 0;
	}
	.bottomIcon{
		width: 552rpx;
		height: 48rpx;
		margin:0 auto;
	}
	.dateLeft{
		width: 390rpx;
		height: 80rpx;
		background: linear-gradient(180deg, rgba(255,255,255,0.9) 0%, rgba(255,255,255,0.1) 100%);
		border-radius: 8rpx;
		border: 1px solid #FFFFFF;
		padding: 8rpx;
		
		z-index: 1;
		.specialOffer{
			width: 64rpx;
			height: 64rpx;
			image{
				width: 100%;
				height: 100%;
			}

		}
		.dateList{
			text-align: center;
			div{
				font-size: 24rpx;
				color: #191A1E;
				line-height: 32rpx;
			}
		}
		
	}
	.dateRight{
		z-index: 1;
		width: 248rpx;
		height: 80rpx;
		background: linear-gradient(180deg, #FFFFFF 0%, rgba(255,255,255,0.1) 100%);
		border-radius: 0rpx 8rpx 8rpx 8rpx;
		border: 1px solid #FFFFFF;
		
		.dateCountText{
			top: -42rpx;
			left: 0;
			width: 134rpx;
			height: 42rpx;
			image{
				width: 100%;
				height: 100%;
			}
			div{
				position: absolute;
				line-height: 42rpx;
				width: 100%;
				padding-left: 16rpx;
				left: 0;
				top: 0;
			}
		}
		.dateCountBox{
			z-index: 1;
			padding:8rpx 16rpx;
			height: 80rpx;
			
		}
	}
}
.lh-40{
	line-height: 40rpx;
}
.lh-28{
	line-height: 28rpx;
}
.lh-30{
	line-height: 28rpx!important;
}
//周末大放价
.swiper-house{
	height: 170rpx;
	padding:0 68rpx 0rpx 38rpx;
	
	swiper{
		height: 170rpx;
		// .active{
		// 			// transform: scale(1.2);
		// 			// transition: all 0.2s ease-in 0s;
		// }
	}
	// swiper-item{
	// 	padding-top: 26rpx;
	// 	height: 144rpx!important;
	// 	transition: all .5s;
	// 	transform: scaleX(.5);
	// 	.main-swiper-item{
	// 		width: calc(100% - 20rpx);
	// 		height: 100%;
	// 		marign:0 10rpx;
			
	// 		.big-img{
	// 			width: 100%;
	// 			height: 100%;
	// 			border-radius: 24rpx;
	// 			border: 2rpx solid #FFFFFF;
	// 		}
	// 	}
	// 	&.active{
	// 		transition: all .5s;
	// 		padding-top:0!important;
	// 		height: 170rpx!important;
	// 		// width: 242rpx!important;
	// 		transform: scale(1);
	// 	}
		
	// }
}
.bottomText{
	position: absolute;
	bottom: 54rpx;
	right: 34rpx;
	width: 24rpx;
	line-height: 34rpx;
	font-size: 24rpx;
	color: #fff;
	
}
.feature-lists{
	height: 66rpx;
	display: inline-block;
	position: relative;
	// width: 120rpx;

	.title{
		font-size: 28rpx;
		color: #909090;
		position: relative;
		height: 48rpx;
		z-index: 1;
		&.curr{
			color: #313538;
			font-weight: bold;
			.bottom{
				bottom: 0;
				left: 50%;
				transform: translateX(-50%);
				position: absolute;
				width: 30%;
				height: 4rpx;
				border-radius: 30rpx;
				background: #F5CE00;
			}
		}
		
		
	}
	
	.featureImg{
		position: absolute;
		top: 0;
		right: 0;
		z-index: 0;
		width: 64rpx;
		height: 64rpx;
	}
}
.lists{
	width: 334rpx;
	height: 240rpx;
	display: inline-block;
	overflow: hidden;
	border-radius: 16rpx;
	.featureImg{
		width: 334rpx;
		height: 240rpx;
		
	}
}
.featureBox{
	height: 988rpx;
	width: 100%;
	padding: 18rpx 18rpx 0;
	background:#fff;
	.featureBoxBg{
		bottom: 0;
		left: 0;
		height: 160rpx;
		width: 100%;
		z-index: 1;
	}
	.feature-left{
		width: 230rpx;
		height: 960rpx;
		overflow: hidden;
		
		scroll-view{
			height: 960rpx;
		}
		.feature-list{
			width: 100%;
			height: 128rpx;
			background: #E4F4F3;
			border-radius: 16rpx;
			margin-bottom: 10rpx;
			.feature-bg{
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				background: rgba(0,0,0,.3);
				border-radius: 16rpx;
			}
			.featureImg{
				width: 100%;
				height: 100%;
				border-radius: 16rpx;
				border: 2rpx solid #F5CE00;
				top: 0;
				left: 0;
			}
			.feature-text{
				z-index: 1;
				width: 100%;
			}
		}
	}
	.feature-right{
		width: 470rpx;
		.dateLine{
			width: 8rpx;
			height: 36rpx;
			background: #F5CE00;
			border-radius: 4rpx;
		}
		.dateMonth{
			font-size: 48rpx;
			font-family: DINAlternate-Bold, DINAlternate;
			font-weight: bold;
			color: #313538;
		}
		.dateYear{
			font-size: 20rpx;
			color: #909090;
			line-height: 28rpx;
		
		}
		.charaterBox{
			width: 100%;
			margin-top: -28rpx;
			.charaterImg{
				width: 286rpx;
				height: 80rpx;
			}
			.more{
				width: 128rpx;
				height: 90rpx;
			}
			
		}
		.charaterSwiper{
			height: 732rpx;
			.charaterbg{
				position: absolute;
				background: #FFFAF4;
				z-index: 0;
				top: 0;
				left: 0;
				width: 100%;
				height: 336rpx;
				margin-bottom: 10rpx;
				border-radius: 16rpx;
			}
			.swiper{
				height:682rpx;
				width: 100%;
				background-color: red;
				.swiper-item{
					margin-bottom: 10rpx;
					border-radius: 16rpx;
					overflow: hidden;
					position: relative;
					height:336rpx;
					width: 100%;
				.bottomCover{
				 position: absolute;
				 padding-left: 20rpx;
				 bottom: 0;
				 left: 0;
				 font-size: 24rpx;
				 color: #fff;
				  width: 100%;
				  height: 64rpx;
				  background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 100%);
				 }
				.img{
					width: 100%;
					height: 336rpx;
					margin-bottom: 10rpx;
					border-radius: 16rpx;
					overflow: hidden;
					&>image{
						width: 100%;
						height: 336rpx;
						border-radius: 16rpx;
					}
				}
				}
				
			}
			swiper{
				height:682rpx;
				width: 100%;
				swiper-item{
					.bottomCover{
					 position: absolute;
					 padding-left: 20rpx;
					 bottom: 0;
					 left: 0;
					 font-size: 24rpx;
					 color: #fff;
					  width: 100%;
					  height: 64rpx;
					  background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 100%);
					 }
					.img{
						width: 100%;
						height: 336rpx;
						margin-bottom: 10rpx;
						border-radius: 16rpx;
						overflow: hidden;
						&>image{
							width: 100%;
							height: 336rpx;
							border-radius: 16rpx;
						}
					}
					
				}
			}
			.dots{
				margin:0 auto;
				margin-top: 10rpx;
				width: 130rpx;
				height: 40rpx;
				background: #FFFAF4;
				border-radius: 200rpx;
				font-size: 24rpx;
				color: #313538;
				z-index: 4;

			}
		}
	}
}
.more{
	width: 112rpx!important;
	height: 36rpx!important;
}
.coverList {
	overflow: hidden;
	color: #fff;
	background: url('https://oss-prod.xtrip.vip/common/gonglue/UYWT0dfSF1kqpNPH.png') no-repeat;
	position: absolute;
	background-position: center;
	background-size: cover;
	bottom: 0;
	left: 0;
	width: 100%;
	display: flex;
	height: 60rpx;
	z-index: 1;
	font-size: 20rpx;
	line-height: 60rpx;
	flex-direction: rows;
	align-items: center;

	image {
		margin-left: 10rpx;
		width: 28rpx;
		height: 28rpx;
	}
	}
.w100{
	width: 100%;
}
.days{
	z-index: 2;
	width: 46rpx;
	height: 42rpx;
	text-align: center;
	background: #efcf45;
	border-radius: 8rpx 0 0 8rpx;
	position: relative;
	color: #313538;
	line-height: 42rpx;
	&::after{
		content: "";
		position: absolute;
		right: -14rpx;
		z-index: 1;
		width: 0;
		height:0;
		border-width: 8rpx;
		top: 50%;
		transform: translateY(-50%);
		
		border-style: solid;
		border-color: transparent transparent transparent #efcf45;
	}
}

.months{
	position: relative;
	color: #fff;
	text-align: center;
	width: 64rpx;
	height: 42rpx;
	line-height: 42rpx;
	background: #414950;
	border-radius: 0rpx 8rpx 8rpx 0;
}
.feature-cover-bg {
	width: 140rpx;
	height: 52rpx;
}
.waterfall-cover-bg{
	margin-left: 20rpx;
	width: 266rpx;
	height: 52rpx;
}
.logoIcon{
	width: 270rpx;
	height: 80rpx;
}
.loadBgs{
	position: fixed;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 0;
	height: 140px;
	
}
.loadBg{
	width: 100%;
	height: 100vh;
	top: 0;
	left: 0;
	z-index: 0;
	position: fixed;
}
.lh-36{
	line-height: 36rpx!important;
}

/* 淡入淡出start */
	// @keyframes fadeIn {
	// 	0% {
	// 		opacity: 0;
	// 	}

	// 	100% {
	// 		opacity: 1;
	// 	}
	// }

	// @keyframes fadeOut {
	// 	0% {
	// 		opacity: 1;
	// 	}

	// 	100% {
	// 		opacity: 0;
	// 	}
	// }

/* 进入动画 */
.getIn {
	
	animation: fadeIn 1s 1;
}

/* 消失动画 */
.getOut {
	
	animation: fadeOut 1s 1;
}
.swiperBlock{
	width: 100%;
	height: 346rpx;
	background:transparent;
	position: absolute;
	z-index: 6;
}
 .con-part2-con {
     width: 100%;
     height: 170rpx;
 
     .swiper-tall {
         display: flex;
         align-items: center;
         height: 170rpx;
		
 
         .con-part2-con-container {
             display: flex;
             align-items: center;
             width: 50% !important;
			 border-radius: 24rpx!important;
			 overflow: hidden;
 
             .slide-image {
                 height: 144rpx;
                 width: 192rpx;
                 z-index: 1;
				 border-radius: 24rpx;
				 // border:1px solid #fff;
                 margin: 0 auto;
				 position: relative;
				 background-size: cover;
                 .abs-info{
					 z-index:5;
					 position: absolute;
					 top: 30rpx;
					 left: 0;
					 padding:0 8rpx;
					 border-radius: 0rpx 8rpx 0rpx 0rpx;
					height:32rpx;
					line-height: 32rpx;
					background:rgba(255,255,255,.2);
					color: #fff;
					font-size: 20rpx;
				 }
				 
 
                 
             }
 
             .active {
                 transform: scale(1.2);
                 transition: all 0.5s ease-in 0s;
                 z-index: 20;
             }
         }
     }
 }
 .bottomCover{
  position: absolute;
  padding-left: 20rpx;
  bottom: 0;
  left: 0;
  font-size: 22rpx;
  color: #fff;
   width: 100%;
   height: 64rpx;
   background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 100%);
  }
.headCover{
	width: 88rpx;
	height: 34rpx;
	image{
		width: 34rpx;
		height: 34rpx;
		border-radius: 50%;
		border: 3rpx solid #fff;
		margin-left: -12rpx;
	}
}
.color-90{
	color: #909090;
}
 

     